// src/app/layout.tsx
import "./globals.css";
import { ReactNode } from "react";
import Navbar from "@/components/Navbar";
import 'antd/dist/reset.css';   // Antd v5 推荐的重置样式
import { AntdRegistry } from "@ant-design/nextjs-registry";


export const metadata = {
    title: "Multi-Species Hi-C Database",
    description: "Explore 3D genome data across multiple species",
};

interface RootLayoutProps {
    children: ReactNode;
}

export default function RootLayout({ children }: RootLayoutProps) {
    return (
        <html lang="en">
            <head>
                <head>
                    <link
                        rel="stylesheet"
                        href="https://cdn.jsdelivr.net/npm/juicebox.js@2.4.8/dist/css/juicebox.css"
                        type="text/css"
                    />
                    <link
                        rel="stylesheet"
                        href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"
                        type="text/css"
                    />
                </head>
            </head>
            <body className="bg-bio-background text-gray-800 min-h-screen flex flex-col">
                {/* 全局导航栏 */}
                <Navbar />

                {/* 页面主体 */}
                <main className="flex-1 container mx-auto px-4 py-6 pt-16">
                    <AntdRegistry>{children}</AntdRegistry>
                </main>

                {/* 可选：全局页脚 */}
                <footer className="bg-bio-secondary text-center text-sm py-4 mt-auto">
                    © {new Date().getFullYear()} Hi-C MultiSpecies DB
                </footer>
            </body>
        </html>
    );
}
